<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- Side tabs shortcuts -->
<ul id="shortcuts" role="complementary" class="children-tooltip tooltip-right">
	<!-- <li class="current"><a href="./" class="shortcut-dashboard" title="Dashboard"></a></li>
	<li><a href="inbox.html" class="shortcut-messages" title="Messages">Messages</a></li>
	<li><a href="agenda.html" class="shortcut-agenda" title="Agenda">Agenda</a></li>
	<li><a href="tables.html" class="shortcut-contacts" title="Contacts">Contacts</a></li>
	<li><a href="explorer.html" class="shortcut-medias" title="Medias">Medias</a></li>
	<li><a href="sliders.html" class="shortcut-stats" title="Stats">Stats</a></li>
	<li class="at-bottom"><a href="form.html" class="shortcut-settings" title="Settings">Settings</a></li>
	<li><span class="shortcut-notes" title="Notes">Notes</span></li> -->
	<c:forEach items="${menuList }" var="menu">
		<li><a href="${menu.url }" class="${menu.clazz }" title="${menu.desc }" id="menu-${menu.code }">${menu.desc }</a></li>
	</c:forEach>
</ul>

<!-- Side tabs shortcuts with legends under the icons -->
<!-- <ul id="shortcuts" role="complementary" class="children-tooltip tooltip-right with-legend">
	<li class="current"><a href="./" class="shortcut-dashboard" title="Dashboard"><span class="shortcut-legend">Dashboard</span></a></li>
	<li><a href="inbox.html" class="shortcut-messages" title="Messages"><span class="shortcut-legend">Messages</span></a></li>
	<li><a href="agenda.html" class="shortcut-agenda" title="Agenda"><span class="shortcut-legend">Agenda</span></a></li>
	<li><a href="tables.html" class="shortcut-contacts" title="Contacts"><span class="shortcut-legend">Contacts</span></a></li>
	<li><a href="explorer.html" class="shortcut-medias" title="Medias"><span class="shortcut-legend">Medias</span></a></li>
	<li><a href="sliders.html" class="shortcut-stats" title="Stats"><span class="shortcut-legend">Stats</span></a></li>
	<li class="at-bottom"><a href="form.html" class="shortcut-settings" title="Settings"><span class="shortcut-legend">Settings</span></a></li>
	<li><span class="shortcut-notes" title="Notes"><span class="shortcut-legend">Notes</span></span></li>
</ul> -->

<!-- Sidebar/drop-down menu -->
<section id="menu" role="complementary">

	<!-- This wrapper is used by several responsive layouts -->
	<div id="menu-content">

		<header>
			个人中心
		</header>

		<div id="profile" class="clearfix">
			<div style="width:50%;float:left;">
				<img src="/img/user.png" width="64" height="64" alt="User name" class="user-icon">
				<span class="name"><br> <b>${sessionScope.currentUser.username }</b></span>
			</div>
			<div style="width:50%;float:left;">
				<span style="height:35px;display:block;"><a style="margin-top:10px;float:right;" class="button glossy" href="javascript:;">修改密码</a></span>
				<span style="height:35px;display:block;"><a style="margin-top:10px;float:right;" class="button glossy" href="/logout">退出登录</a></span>
			</div>
		</div>

		<!-- By default, this section is made for 4 icons, see the doc to learn how to change this, in "basic markup explained" -->
		<ul id="access" class="children-tooltip">
			<li><a href="inbox.html" title="Messages"><span class="icon-inbox"></span><!-- <span class="count">2</span> --></a></li>
			<li><a href="calendars.html" title="Calendar"><span class="icon-calendar"></span></a></li>
			<li><a href="login.html" title="Profile"><span class="icon-user"></span></a></li>
			<li><a href="javascript:;"><span class="icon-gear"></span></a></li>
			<!-- <li class="disabled"><span class="icon-gear"></span></li> -->
		</ul>

		<section class="navigable">
			<ul class="big-menu">
				<li><a href="javascript:;">消息</a></li>
				<li><a href="javascript:;">相关项目</a></li>
				<li><a href="javascript:;">当前任务</a></li>
				<li><a href="javascript:;">个人资料</a></li>
			</ul>
		</section>

		<ul class="unstyled-list">
			<!-- <li class="title-menu">Today's event</li>
			<li>
				<ul class="calendar-menu">
					<li>
						<a href="#" title="See event">
							<time datetime="2011-02-24"><b>24</b> Feb</time>
							<small class="green">10:30</small>
							Event's description
						</a>
					</li>
				</ul>
			</li> -->
			<li class="title-menu">我的消息</li>
			<li>
				<ul class="message-menu">
					<c:forEach items="${msgs }" var="msg">
					<li>
						<span class="message-info">
							<span class="blue">${msg.create_time }</span>
						</span>
						<a href="javascript:;" title="Read message" onclick='newsDialog("${msg.id}")'>
							<strong class="blue">${msg.title }</strong><br>
						</a>
					</li>
					</c:forEach>
					<!-- <li>
						<span class="message-status">
							<a href="#" class="starred" title="Starred">Starred</a>
							<a href="#" class="new-message" title="Mark as read">New</a>
						</span>
						<span class="message-info">
							<span class="blue">17:12</span>
							<a href="#" class="attach" title="Download attachment">Attachment</a>
						</span>
						<a href="#" title="Read message">
							<strong class="blue">John Doe</strong><br>
							<strong>Mail subject</strong>
						</a>
					</li> -->
					<!-- <li>
						<a href="#" title="Read message">
							<span class="message-status">
								<span class="unstarred">Not starred</span>
								<span class="new-message">New</span>
							</span>
							<span class="message-info">
								<span class="blue">15:47</span>
							</span>
							<strong class="blue">May Starck</strong><br>
							<strong>Mail subject a bit longer</strong>
						</a>
					</li>
					<li>
						<span class="message-status">
							<span class="unstarred">Not starred</span>
						</span>
						<span class="message-info">
							<span class="blue">15:12</span>
						</span>
						<strong class="blue">May Starck</strong><br>
						Read message
					</li> -->
				</ul>
			</li>
		</ul>

	</div>
	<!-- End content wrapper -->

	<!-- This is optional -->
	<footer id="menu-footer">
		<!-- <p class="button-height">
			<input type="checkbox" name="auto-refresh" id="auto-refresh" checked="checked" class="switch float-right">
			<label for="auto-refresh">Auto-refresh</label>
		</p> -->
	</footer>

</section>
<!-- End sidebar/drop-down menu -->